<template>
  <div class="right">
    <div class="bar">
      <div class="box">
        <div>应用领域</div>
        <el-select v-model="applicationArea" placeholder="军用/商用">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>

      <div class="box">
        <div>设计公司</div>
        <el-input v-model="designCompany"></el-input>
      </div>
    </div>

    <div class="bar">
      <div class="box">
        <p>投入使用时间</p>
        <el-time-select
          v-model="time"
          :picker-options="{
            start: '08:30',
            step: '00:15',
            end: '18:30',
          }"
        >
        </el-time-select>
      </div>
      <div class="box">
        <p>应用机型</p>
        <el-input v-model="applicationModel"></el-input>
      </div>
    </div>

    <el-divider></el-divider>

    <div class="bar">
      <div class="box">
        <p>长度</p>
        <el-input v-model="length"></el-input>
      </div>
      <div class="box">
        <p>半径</p>
        <el-input v-model="radius"></el-input>
      </div>
    </div>

    <div class="bar">
      <div class="box">
        <p>干重</p>
        <el-input v-model="dryWeight"></el-input>
      </div>
      <div class="box">
        <p>湿重</p>
        <el-input v-model="wetWeight"></el-input>
      </div>
    </div>
    <div class="bar">
      <div class="box">
        <p>涵道比</p>
        <el-input v-model="culvertRatio"></el-input>
      </div>
      <div class="box">
        <p>推重比</p>
        <el-input v-model="thrustWeightRatio"></el-input>
      </div>
    </div>

    <el-button-group>
      <el-button
        type="primary"
        style="
          background-color: #0000ff;
          font-weight: 100;
          width: 235px;
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
        "
        >保存信息</el-button
      >
      <el-button
        type="primary"
        style="
          background-color: #0000ff;
          font-weight: 100;
          width: 235px;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
        "
        >开始机评</el-button
      >
    </el-button-group>
  </div>
</template>
  
<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      applicationArea: "",
      designCompany: "",
      time: "",
      applicationModel: "",
      length: "",
      radius: "",
      dryWeight: "",
      wetWeight: "",
      culvertRatio: "",
      thrustWeightRatio: "",
    };
  },
};
</script>

<style lang="less" scoped>
.el-input {
  width: 210px;
}
.bar {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.box {
  display: block;
  margin-right: 40px;
}
.right {
  // background: #000;
  position: relative;
  top: 100px;
  left: -80px;
}
</style>